import React, { memo } from 'react'


import { NavLink, Switch,Route, Redirect} from 'react-router-dom';

import Recommend from './Recommend';
import List from './List';
import './index.css';
const Home = memo(() => {
  
  return (
      <div className='myhome'>
      <div className="hotline">
        <div>
          <ul>
            <li><NavLink to={'/home/recommend'} activeClassName='body_choose'>推荐</NavLink></li>
            <li><NavLink to={'/home/list'} activeClassName='body_choose'>排行榜</NavLink></li>
            <li><NavLink to={'/tuijian'} activeClassName='body_choose'>歌单R</NavLink></li>
            <li><NavLink to={'/tuijian'} activeClassName='body_choose'>主播电台</NavLink></li>
            <li><NavLink to={'/tuijian'} activeClassName='body_choose'>歌手</NavLink></li>
            <li><NavLink to={'/tuijian'} activeClassName='body_choose'>新碟上架</NavLink></li>
          </ul>
        </div>
      </div>
      <Switch>
        <Route exact path='/' component={Recommend}></Route>
        <Route exact path='/home' component={Recommend}></Route>
        <Route path='/home/recommend' component={Recommend}></Route>
        <Route path='/home/list' component={List}></Route>
        {/* <Redirect to='/home/recommend'></Redirect> */}
      </Switch>
    </div>
  )
})

export default Home